﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="SalesForm.ascx.cs" Inherits="TravelSite.Controls.SalesForm" %>
<script type="text/javascript">
   $(function () {
      $("#salesFormDialog").dialog({ modal: true, autoOpen: false, width: 1200, resizable: false });
      $("#salesFormDialog").parent().appendTo(jQuery("form:first"));
      $(".ui-dialog-titlebar").hide();
   });

   function createSalesForm(id) {
      __doPostBack('upSalesForm', id);
   }

   function openSalesForm() {
      $('#salesFormDialog').dialog('open');
   }
</script>
<style type="text/css">
   .yvd_sales_from_body
   {
      background: none repeat scroll 0 0 #ffffff;
      border-radius: 10px;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      -o-border-radius: 10px;
      box-shadow: 0 0 10px #717171;
      -moz-box-shadow: 0 0 10px #717171;
      -webkit-box-shadow: 0 0 10px #717171;
      -o-box-shadow: 0 0 10px #717171;
      padding: 20px 15px; /*margin-bottom: 50px;*/
      overflow: auto;
      max-height: 600px;
   }
   
   .yvd_sales_from_body h1
   {
      font-family: 'Lobster13Regular' , 'Droid Serif' , Georgia, Tahoma, Geneva, sans-serif;
      border-bottom: 5px solid #550263;
      padding-bottom: 5px;
      margin-bottom: 20px;
      color: #550263;
      font-style: normal;
      font-weight: 700;
      margin: 0;
   }
   
   .custom_inputbox
   {
      background-color: #FFFFFF;
      border: 1px solid #bf90c7;
   }
   
   .yvd_form_section
   {
      display: block;
      margin: 10px 0;
      padding: 15px 0;
   }
   
   .section_user_information, .creadit_card_information, .promotion_deals_information, .bottom_verified_info, .top_sales_information
   {
      border: 1px solid #ffc675;
      padding: 10px;
   }
   
   .section_five
   {
      background: #ffddac;
      padding: 10px;
      border-radius: 6px;
      border: 1px solid #ffc675;
   }
   
   .income_box_value
   {
      color: #000000;
      font-weight: 700;
      background: #ff2222;
   }
   
   .age_box_value
   {
      color: #000000;
      font-weight: 700;
      background: #6aeb6a;
   }
   
   h3.credit_card_title
   {
      padding-bottom: 10px;
      margin-bottom: 15px;
      border-bottom: 4px solid #ffc675;
   }
   
   .yvd_form_section h3 span
   {
      color: #858585;
      text-transform: uppercase;
      font-size: 16px;
   }
   
   .payment-image
   {
      display: inline;
      margin-right: 10px;
   }
   
   h3.destinations_title, h3.gifts_title
   {
      margin-bottom: 15px;
      margin-top: 10px;
   }
   
   h1, h2, h3, h4, h5, h6
   {
      font-family: 'Droid Sans' , Georgia, Tahoma, Geneva, sans-serif;
      color: #550263;
      font-style: normal;
      font-weight: 700;
      margin: 0;
   }
   
   .alert h4
   {
      margin-top: 0;
      color: inherit;
   }
   
   .custom_label, .custom_check_radiobox
   {
      color: #23192d;
   }
   
   .or_option
   {
      display: block;
      font-size: 18px;
      font-weight: 700;
      color: #000;
      padding: 5px 0;
      text-align: center;
      text-transform: uppercase;
   }
   
   h5.comp_tix
   {
      padding: 15px 0 5px;
      border-bottom: 1px solid #8c8c8c;
      margin-bottom: 5px;
   }
   
   h5
   {
      font-size: 18px;
   }
</style>
<div id="salesFormDialog">
   <asp:UpdatePanel runat="server" ID="upSalesForm" OnLoad="upSalesForm_Load" UpdateMode="Conditional"
      ClientIDMode="Static">
      <ContentTemplate>
         <div class="row">
            <div class="fieldset_block col-lg-12 page_area ">
               <div class="yvd_sales_from_body">
                  <h1>
                     Sales Form</h1>
                  <asp:Label runat="server" ID="hdId" Style="display: none;" />
                  <div class="fieldset_cotent form-horizontal">
                     <div class="row">
                        <div class="yvd_form_section top_sales_information">
                           <div class="row">
                              <div class="col-sm-4 col-md-4 col-lg-4">
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Date</label>
                                    <div class="col-sm-8">
                                       <div class="input-group">
                                          <asp:TextBox ID="txtSalesFormDate" CssClass="form-control custom_inputbox MonthDatePicker" ValidationGroup="newItemSalesForm"
                                             runat="server" placeholder="Date"></asp:TextBox>
                                          <span class="input-group-btn">
                                             <button class="btn btn-default" type="button" id="btnShowSalesFormDate">
                                                <img src="<%=ResolveClientUrl("~") %>images/calander_icon.png" alt="calander" title="Calander" />
                                             </button>
                                          </span>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       List</label>
                                    <div class="col-sm-8">
                                       <asp:TextBox ID="txtSalesFormList" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                          runat="server" placeholder="List"></asp:TextBox>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-sm-4 col-md-4 col-lg-4">
                                 <h2 class="package_price_top">
                                 </h2>
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Package Price</label>
                                    <div class="col-sm-8">
                                       <div class="input-group">
                                          <span class="input-group-addon">$</span>
                                          <asp:TextBox ID="txtSalesFormManagerPrice" CssClass="form-control custom_inputbox"
                                             ValidationGroup="newItemSalesForm" runat="server" placeholder="Manager's Price"></asp:TextBox>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Processing Fee</label>
                                    <div class="col-sm-8">
                                       <div class="input-group">
                                          <span class="input-group-addon">$</span>
                                          <asp:TextBox ID="txtSalesFormProcessingFee" CssClass="form-control custom_inputbox"
                                             ValidationGroup="newItemSalesForm" runat="server" placeholder="Processing Fee (to the nearest dollar)"></asp:TextBox>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Total</label>
                                    <div class="col-sm-8">
                                       <div class="input-group">
                                          <span class="input-group-addon">$</span>
                                          <asp:TextBox ID="txtSalesFormTotal" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                             runat="server" placeholder="Total" ReadOnly="True"></asp:TextBox>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-sm-4 col-md-4 col-lg-4">
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Emailed</label>
                                    <div class="col-sm-8">
                                       <asp:TextBox ID="txtSalesFormEmailed" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                          runat="server" placeholder="Emailed"></asp:TextBox>
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Opener</label>
                                    <div class="col-sm-8">
                                       <asp:DropDownList CssClass="form-control" ID="ddlAgentId" runat="server" DataValueField="Id"
                                          DataTextField="FullName" ClientIDMode="Static" ValidationGroup="newItemSalesForm" />
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Closer</label>
                                    <div class="col-sm-8">
                                       <asp:TextBox ID="txtSalesFormCloser" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                          runat="server" placeholder="Closer"></asp:TextBox>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="yvd_form_section section_five">
                           <div class="row">
                              <div class="col-sm-6 col-md-6 col-lg-6">
                                 <div class="row">
                                    <div class="col-sm-4 col-md-4 col-lg-4">
                                       <label class="radio-inline custom_check_radiobox">
                                          <asp:RadioButton runat="server" ID="rbSalesFormMarried" TextAlign="Right" Text=""
                                             GroupName="SalesFormMarriedType" />
                                          Married
                                       </label>
                                    </div>
                                    <div class="col-sm-4 col-md-4 col-lg-4">
                                       <label class="radio-inline custom_check_radiobox">
                                          <asp:RadioButton runat="server" ID="rbSalesFormCoHab" TextAlign="Right" Text="" GroupName="SalesFormMarriedType" />
                                          Co-Hab
                                       </label>
                                       <div id="pnlSalesFormCoHab" style="display: none;">
                                          <div class="drop_down_options">
                                             <label class="custom_label">
                                                Matching ID'S</label>
                                             <asp:DropDownList ID="ddlSalesFormCoHabMatchingIds" runat="server" CssClass="form-control custom_inputbox">
                                                <asp:ListItem Selected="True" Value="1">Yes</asp:ListItem>
                                                <asp:ListItem Value="0">No</asp:ListItem>
                                             </asp:DropDownList>
                                          </div>
                                       </div>
                                    </div>
                                    <div class="col-sm-4 col-md-4 col-lg-4">
                                       <label class="radio-inline custom_check_radiobox">
                                          <asp:RadioButton runat="server" ID="rbSalesFormSingle" TextAlign="Right" Text=""
                                             GroupName="SalesFormMarriedType" />
                                          Single
                                       </label>
                                       <div id="pnlSalesFormSingle" style="display: none;">
                                          <div class="drop_down_options">
                                             <label class="custom_label">
                                                Gender</label>
                                             <asp:DropDownList ID="ddlSalesFormSingleGender" runat="server" CssClass="form-control custom_inputbox">
                                                <asp:ListItem Selected="True" Value="M">Male</asp:ListItem>
                                                <asp:ListItem Value="F">Female</asp:ListItem>
                                             </asp:DropDownList>
                                          </div>
                                          <div id="pnlSalesFormSingleGender">
                                             <div class="drop_down_options">
                                                <label class="custom_label">
                                                   Own Timeshare?</label>
                                                <asp:DropDownList ID="ddlSalesFormSingleOwnTimeshare" runat="server" CssClass="form-control custom_inputbox">
                                                   <asp:ListItem Value="1">Yes</asp:ListItem>
                                                   <asp:ListItem Selected="True" Value="0">No</asp:ListItem>
                                                </asp:DropDownList>
                                             </div>
                                             <div id="pnlSalesFormSingleOwnTimeShare" style="display: none;">
                                                <div class="drop_down_options">
                                                   <label class="custom_label">
                                                      Name</label>
                                                   <asp:TextBox ID="txtSalesFormSingleOwnTimeshareName" CssClass="form-control custom_inputbox"
                                                      ValidationGroup="newItemSalesForm" runat="server" placeholder="Name"></asp:TextBox>
                                                </div>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-sm-3 col-md-3 col-lg-3">
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Income</label>
                                    <div class="col-sm-8">
                                       <div class="input-group">
                                          <span class="input-group-addon">$</span>
                                          <asp:TextBox ID="txtSalesFormIncome" CssClass="form-control custom_inputbox income_box_value"
                                             ValidationGroup="newItemSalesForm" runat="server" placeholder="Income" Style="background: #ff7575;
                                             color: #000;"></asp:TextBox>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-sm-3 col-md-3 col-lg-3">
                                 <div class="form-group">
                                          <label class="checkbox-inline custom_check_radiobox">Age 25+&nbsp;<asp:CheckBox runat="server" ID="cbSalesFormAge" />                                             
                                          </label>

                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="yvd_form_section section_user_information">
                           <div class="row">
                              <div class="col-sm-5 col-md-5 col-lg-5">
                                 <div class="form-group">
                                    <label class="col-sm-5 custom_label">
                                       Guest First Name</label>
                                    <div class="col-sm-7">
                                       <asp:TextBox ID="txtFirstName" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                          runat="server" placeholder="Guest First Name" />
                                       <asp:RequiredFieldValidator ID="RequiredFieldValidator4" ControlToValidate="txtFirstName"
                                          runat="server" Text="*" ValidationGroup="newItemSalesForm" ForeColor="Red" />
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-5 custom_label">
                                       Spouse First Name</label>
                                    <div class="col-sm-7">
                                       <asp:TextBox ID="txtPartnerFirstName" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                          runat="server" placeholder="Spouse First Name" />
                                    </div>
                                 </div>
                              </div>
                              <div class="col-sm-4 col-md-4 col-lg-4">
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Last Name</label>
                                    <div class="col-sm-8">
                                       <asp:TextBox ID="txtLastName" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                          runat="server" placeholder="Guest Last Name" />
                                       <asp:RequiredFieldValidator ID="RequiredFieldValidator5" ControlToValidate="txtLastName"
                                          runat="server" Text="*" ValidationGroup="newItemSalesForm" ForeColor="Red" />
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Last Name</label>
                                    <div class="col-sm-8">
                                       <asp:TextBox ID="txtPartnerLastName" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                          runat="server" placeholder="Spouse Last Name" />
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="row">
                              <div class="col-sm-5 col-md-5 col-lg-5">
                                 <div class="form-group">
                                    <label class="col-sm-5 custom_label">
                                       Billing Address 1</label>
                                    <div class="col-sm-7">
                                       <asp:TextBox ID="txtSalesFormBillingAddress1" CssClass="form-control custom_inputbox"
                                          ValidationGroup="newItemSalesForm" runat="server" placeholder="Billing Address" />
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-5 custom_label">
                                       Billing Address 2</label>
                                    <div class="col-sm-7">
                                       <asp:TextBox ID="txtSalesFormBillingAddress2" CssClass="form-control custom_inputbox"
                                          ValidationGroup="newItemSalesForm" runat="server" placeholder="Billing Address" />
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-5 custom_label">
                                       <asp:Label runat="server" ID="lblZipCode">Zip Code</asp:Label></label>
                                    <div class="col-sm-7">
                                       <asp:TextBox ID="txtZip" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                          runat="server" placeholder="Zip Code" />
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-5 custom_label">
                                       Email Address</label>
                                    <div class="col-sm-7">
                                       <asp:TextBox ID="txtEmail" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                          runat="server" placeholder="Email" />
                                       <asp:RegularExpressionValidator ID="RegularExpressionValidator1" Display="Dynamic"
                                          ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" ValidationGroup="newItemSalesForm"
                                          ControlToValidate="txtEmail" runat="server" Text="Invalid email" ForeColor="Red" />
                                    </div>
                                 </div>
                              </div>
                              <div class="col-sm-3 col-md-3 col-lg-3">
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Country</label>
                                    <div class="col-sm-8">
                                       <asp:DropDownList ID="ddlCountryId" CssClass="form-control custom_inputbox" runat="server"
                                          DataValueField="CountryId" DataTextField="CountryName" AutoPostBack="true" OnSelectedIndexChanged="ddlCountry_SelectedIndexChanged" />
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       City</label>
                                    <div class="col-sm-8">
                                       <asp:TextBox ID="txtCity" CssClass="form-control custom_inputbox" placeholder="City"
                                          ValidationGroup="newItemSalesForm" runat="server" />
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Cell</label>
                                    <div class="col-sm-8">
                                       <asp:TextBox ID="txtMPhone" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                          runat="server" placeholder="Cell" />
                                    </div>
                                 </div>
                              </div>
                              <div class="col-sm-4 col-md-4 col-lg-4">
                                 <div class="form-group">
                                    <label class="col-sm-5 custom_label">
                                       <asp:Label runat="server" ID="lblState">State</asp:Label></label>
                                    <div class="col-sm-7">
                                       <asp:DropDownList ID="ddlStateId" CssClass="form-control custom_inputbox" runat="server"
                                          DataValueField="StateId" DataTextField="StateCode" />
                                    </div>
                                 </div>
                                 <div class="form-group" style="visibility: hidden;">
                                    <label class="col-sm-5 custom_label">
                                    </label>
                                    <div class="col-sm-7">
                                       <input type="text" class="form-control custom_inputbox">
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-5 custom_label">
                                       Phone</label>
                                    <div class="col-sm-7">
                                       <asp:TextBox CssClass="form-control custom_inputbox" placeholder="Phone" ID="txtWPhone"
                                          ValidationGroup="newItemSalesForm" runat="server" />
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="yvd_form_section creadit_card_information">
                           <h3 class="credit_card_title">
                              Credit Card <span>Verify Billing Address</span></h3>
                           <div class="form-group">
                              <label class="col-sm-2 custom_label">
                                 Major Credit Card</label>
                              <div class="col-sm-4">
                                 <asp:DropDownList ID="ddlSalesFormMajorCreditCard" runat="server" CssClass="form-control custom_inputbox">
                                    <asp:ListItem Value="1">Yes</asp:ListItem>
                                    <asp:ListItem Selected="True" Value="0">No</asp:ListItem>
                                 </asp:DropDownList>
                              </div>
                           </div>
                           <div id="pnlSalesFormMajorCreditCard" style="display: block;">
                              <div class="row">
                                 <div class="col-sm-6 col-md-6 col-lg-6">
                                    <div class="form-group">
                                       <label class="col-sm-4 custom_label">
                                          Name on card</label>
                                       <div class="col-sm-8">
                                          <asp:TextBox ID="txtSalesFormNameOnCard" CssClass="form-control custom_inputbox"
                                             ValidationGroup="newItemSalesForm" runat="server" placeholder="Name on card" />
                                       </div>
                                    </div>
                                    <div class="form-group">
                                       <label class="col-sm-4 custom_label">
                                          EXP</label>
                                       <div class="col-lg-8">
                                                    <asp:DropDownList ID="ddlExpMonth" runat="server" CssClass="form-control" style="width:auto; margin-right:3px; display:inline;">
                                                            <asp:ListItem Selected="True" Value="-1">(month)</asp:ListItem>
                                                            <asp:ListItem Value="1">January</asp:ListItem>
                                                            <asp:ListItem Value="2">February</asp:ListItem>
                                                            <asp:ListItem Value="3">March</asp:ListItem>
                                                            <asp:ListItem Value="4">April</asp:ListItem>
                                                            <asp:ListItem Value="5">May</asp:ListItem>
                                                            <asp:ListItem Value="6">June</asp:ListItem>
                                                            <asp:ListItem Value="7">July</asp:ListItem>
                                                            <asp:ListItem Value="8">August</asp:ListItem>
                                                            <asp:ListItem Value="9">September</asp:ListItem>
                                                            <asp:ListItem Value="10">October</asp:ListItem>
                                                            <asp:ListItem Value="11">November</asp:ListItem>
                                                            <asp:ListItem Value="12">December</asp:ListItem>
                                                    </asp:DropDownList>
                                                
                                                    <asp:DropDownList ID="ddlExpYear" runat="server" CssClass="form-control" style="width:auto; display:inline;">
                                                    </asp:DropDownList>
                                                
                                       </div>
                                    </div>
                                 </div>
                                 <div class="col-sm-6 col-md-6 col-lg-6">
                                    <div class="form-group">
                                       <label class="col-sm-4 custom_label">
                                          Credit Card No</label>
                                       <div class="col-sm-8">
                                          <asp:TextBox ID="txtSalesFormCardNo" CssClass="form-control custom_inputbox" placeholder="Credit Card Number"
                                             ValidationGroup="newItemSalesForm" runat="server" />
                                       </div>
                                    </div>
                                    <div class="form-group">
                                       <label class="col-sm-4 custom_label">
                                          CVV</label>
                                       <div class="col-sm-4">
                                          <asp:TextBox ID="txtSalesFormCardCVV" CssClass="form-control custom_inputbox" placeholder="CVV Code"
                                             ValidationGroup="newItemSalesForm" runat="server" />
                                       </div>
                                    </div>
                                    <div class="form-group">
                                       <label class="col-sm-4 custom_label">
                                          CC Auth</label>
                                       <div class="col-sm-8">
                                          <asp:TextBox ID="txtSalesFormCCAuth" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                             runat="server" placeholder="CC Auth" />
                                       </div>
                                    </div>
                                    <div class="form-group">
                                       <label class="col-sm-4 custom_label">
                                          Billing address</label>
                                       <div class="col-sm-8">
                                          <asp:TextBox ID="txtBillingAddress" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                             runat="server" placeholder="Billing address" />
                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="row">
                                 <div class="col-sm-12 col-md-12 col-lg-12">
                                    <div class="payment-image">
                                       <label class="radio-inline custom_check_radiobox">
                                          <asp:RadioButton runat="server" ID="rbSalesFormCardTypeVisa" TextAlign="Right" Text=""
                                             GroupName="SalesFormCardType" />
                                          <img src="<%=ResolveClientUrl("~") %>images/payment/payment_visa.png" alt="" title="">
                                       </label>
                                    </div>
                                    <div class="payment-image">
                                       <label class="radio-inline custom_check_radiobox">
                                          <asp:RadioButton runat="server" ID="rbSalesFormCardTypeMaster" TextAlign="Right"
                                             Text="" GroupName="SalesFormCardType" />
                                          <img src="<%=ResolveClientUrl("~") %>images/payment/payment_master.png" alt="" title="">
                                       </label>
                                    </div>
                                    <div class="payment-image">
                                       <label class="radio-inline custom_check_radiobox">
                                          <asp:RadioButton runat="server" ID="rbSalesFormCardTypeDiscover" TextAlign="Right"
                                             Text="" GroupName="SalesFormCardType" />
                                          <img src="<%=ResolveClientUrl("~") %>images/payment/payment_discover.png" alt=""
                                             title="">
                                       </label>
                                    </div>
                                    <div class="payment-image">
                                       <label class="radio-inline custom_check_radiobox">
                                          <asp:RadioButton runat="server" ID="rbSalesFormCardTypeAmerican" TextAlign="Right"
                                             Text="" GroupName="SalesFormCardType" />
                                          <img src="<%=ResolveClientUrl("~") %>images/payment/payment_american.png" alt=""
                                             title="">
                                       </label>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="yvd_form_section promotion_deals_information">
                           <div class="row">
                              <div class="col-sm-7 col-md-7 col-lg-7">
                                 <h3 class="destinations_title">
                                    Destination</h3>
                                 <div class="row">
                                    <div class="col-sm-6 col-md-6 col-lg-6">
                                       <div class="alert alert-info">
                                          <label class="checkbox-inline custom_check_radiobox">
                                             <asp:CheckBox runat="server" ID="chbSalesFormDestinationLasVegas" />
                                             <h4>
                                                Las Veags</h4>
                                          </label>
                                       </div>
                                       <div class="alert alert-info">
                                          <label class="checkbox-inline custom_check_radiobox">
                                             <asp:CheckBox runat="server" ID="chbSalesFormDestination4days3nights" />
                                             4 Days / 3 Nights
                                          </label>
                                       </div>
                                    </div>
                                    <div class="col-sm-6 col-md-6 col-lg-6">
                                       <div class="alert alert-success open_deal">
                                          <label class="checkbox-inline custom_check_radiobox">
                                             <asp:CheckBox runat="server" ID="chbSalesFormDestinationOpen" />
                                             <h4>
                                                OPEN</h4>
                                          </label>
                                       </div>
                                       <div class="alert alert-info">
                                          <label class="checkbox-inline custom_check_radiobox">
                                             <asp:CheckBox runat="server" ID="chbSalesFormDestination3days2nights" />
                                             3 Days / 2 Nights
                                          </label>
                                       </div>
                                    </div>
                                 </div>
                                 <h3 class="gifts_title">
                                    Gifts</h3>
                                 <div class="row">
                                    <div class="col-sm-12 col-md-12 col-lg-12">
                                       <div class="alert alert-info">
                                          <div class="form-group">
                                             <label class="col-sm-2 custom_label">
                                                Gift 1</label>
                                             <div class="col-sm-10">
                                                <asp:TextBox ID="txtGift1" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                                   runat="server" Text="Dinner & Show for 2" />
                                             </div>
                                          </div>
                                          <div class="form-group">
                                             <label class="col-sm-2 custom_label">
                                                Gift 2</label>
                                             <div class="col-sm-10">
                                                <asp:TextBox ID="txtGift2" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                                   runat="server" Text="Casa di Amore w/ Limo Ride" />
                                             </div>
                                          </div>
                                          <div class="form-group">
                                             <label class="col-sm-2 custom_label">
                                                Gift 3</label>
                                             <div class="col-sm-10">
                                                <asp:TextBox ID="txtGift3" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                                   runat="server" Text="Vow Renewal" />
                                             </div>
                                          </div>
                                          <div class="form-group">
                                             <label class="col-sm-2 custom_label">
                                                Gift 4</label>
                                             <div class="col-sm-10">
                                                <asp:TextBox ID="txtGift4" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                                   runat="server" Text="$ of Promotional Slot Play" />
                                             </div>
                                          </div>
                                          <div class="form-group">
                                             <label class="col-sm-2 custom_label">
                                                Gift 5</label>
                                             <div class="col-sm-10">
                                                <asp:TextBox ID="txtGift5" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                                   runat="server" Text="$ Dining Voucher" />
                                             </div>
                                          </div>
                                          <div class="form-group">
                                             <label class="col-sm-2 custom_label">
                                                Gift 6</label>
                                             <div class="col-sm-10">
                                                <asp:TextBox ID="txtGift6" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                                   runat="server" Text="$ Complimentary Show Tickets" />
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <h3 class="gifts_title">
                                    Bonus Gifts</h3>
                                 <div class="row">
                                    <div class="col-sm-12 col-md-12 col-lg-12">
                                       <div class="alert alert-info">
                                          
                                          <div class="form-group">
                                             <label class="col-sm-2 custom_label">
                                                Gift 7</label>
                                             <div class="col-sm-10">
                                                <asp:TextBox ID="txtGift7" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                                   runat="server" Text="$500 Travelers Credit" />
                                             </div>
                                          </div>

                                          <div class="form-group">
                                             <label class="col-sm-2 custom_label">
                                                Gift 8</label>
                                             <div class="col-sm-10">
                                                <asp:TextBox ID="txtGift8" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                                   runat="server" Text="Buddy Pass" />
                                             </div>
                                          </div>

                                       </div>
                                    </div>
                                 </div>
                                 <h3 class="gifts_title">
                                    Bonus Vacation</h3>
                                 <div class="row">
                                    <div class="col-sm-12 col-md-12 col-lg-12">
                                       <div class="alert alert-info">
                                          
                                          <div class="form-group">
                                             <label class="col-sm-2 custom_label">Bonus 1</label>
                                             <div class="col-sm-10">
                                                <asp:TextBox ID="txtSalesFormBonus1" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm" runat="server" placeholder="Bonus 1" />
                                             </div>
                                          </div>
                                          <div class="form-group">
                                             <label class="col-sm-2 custom_label">Bonus 2</label>
                                             <div class="col-sm-10">
                                                <asp:TextBox ID="txtSalesFormBonus2" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm" runat="server" placeholder="Bonus 2" />
                                             </div>
                                          </div>
                                          <div class="form-group">
                                             <label class="col-sm-2 custom_label">Bonus 3</label>
                                             <div class="col-sm-10">
                                                <asp:TextBox ID="txtSalesFormBonus3" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm" runat="server" placeholder="Bonus 3" />
                                             </div>
                                          </div>

                                       </div>
                                    </div>
                                 </div>
                              </div>
                              <div class="col-sm-5 col-md-5 col-lg-5">
                                 <h3 class="destinations_title">
                                    Must Ask</h3>
                                 <div class="form-group">
                                    <label class="col-sm-5 custom_label">
                                       Timeshare Owner <span class="or_option">or</span> Travel Club Number</label>
                                    <div class="col-sm-7">
                                       <div class="must_ask_yes_no">
                                          <label class="radio-inline custom_check_radiobox">
                                             <asp:RadioButton runat="server" ID="rbSalesFormOwnTimeshare" GroupName="SalesFormOwnTimeshare" />
                                             Yes
                                          </label>
                                          <label class="radio-inline custom_check_radiobox">
                                             <asp:RadioButton runat="server" ID="rbSalesFormOwnTimeshareNo" GroupName="SalesFormOwnTimeshare" />
                                             No
                                          </label>
                                       </div>
                                    </div>
                                 </div>
                                 <div id="pnlSalesFormOwnTimeshare" style="display: block;">
                                    <div class="form-group">
                                       <label class="col-sm-5 custom_label">
                                          Name</label>
                                       <div class="col-sm-7">
                                          <asp:TextBox ID="txtSalesFormOwnTimeshareName" CssClass="form-control custom_inputbox"
                                             ValidationGroup="newItemSalesForm" runat="server" placeholder="Name" />
                                       </div>
                                    </div>
                                    <div class="form-group">
                                       <label class="col-sm-5 custom_label">
                                          Total Tix</label>
                                       <div class="col-sm-7">
                                          <asp:TextBox ID="txtSalesFormOwnTimeshareTotalTix" CssClass="form-control custom_inputbox"
                                             ValidationGroup="newItemSalesForm" runat="server" placeholder="Total Tix" />
                                       </div>
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-5 custom_label">
                                       Notes</label>
                                    <div class="col-sm-7">
                                       <asp:TextBox ID="txtSalesFormOwnTimeshareNotes" CssClass="form-control custom_inputbox"
                                          ValidationGroup="newItemSalesForm" runat="server" placeholder="Notes" Rows="3"
                                          TextMode="MultiLine" />
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="yvd_form_section bottom_verified_info">
                           <div class="row">
                              <div class="col-sm-6 col-md-6 col-lg-6">
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Verified By</label>
                                    <div class="col-sm-8">
                                       <asp:TextBox ID="txtSalesFormVerifiedBy" CssClass="form-control custom_inputbox"
                                          ValidationGroup="newItemSalesForm" runat="server" placeholder="Verified By" />
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       ID Number</label>
                                    <div class="col-sm-8">
                                       <asp:TextBox ID="txtSalesFormConfirmation" CssClass="form-control custom_inputbox"
                                          ValidationGroup="newItemSalesForm" runat="server" placeholder="Confirmation" />
                                    </div>
                                 </div>
                              </div>
                              <div class="col-sm-6 col-md-6 col-lg-6">
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Merchant</label>
                                    <div class="col-sm-8">
                                       <asp:TextBox ID="txtSalesFormMerchant" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                          runat="server" placeholder="Merchant" />
                                    </div>
                                 </div>
                                 <div class="form-group">
                                    <label class="col-sm-4 custom_label">
                                       Time</label>
                                    <div class="col-sm-8">
                                       <asp:TextBox ID="txtSalesFormTime" CssClass="form-control custom_inputbox" ValidationGroup="newItemSalesForm"
                                          runat="server" placeholder="Time" />
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="button_group" style="padding: 20px 15px;">
                  <asp:Button CssClass="btn btn-success" ID="btnSaveSalesForm" ValidationGroup="newItemSalesForm"
                     Text="Save" runat="server" OnClick="btnSaveSalesForm_Click" />
                  <asp:Button CssClass="btn btn-info" ID="btnCancelSalesForm" Text="Cancel" runat="server"
                     OnClientClick="$('#salesFormDialog').dialog('close'); return false;" />
               </div>
            </div>
         </div>
      </ContentTemplate>
   </asp:UpdatePanel>
</div>
<script type="text/javascript">
   Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(function (evt, args) {

      $.datepicker.setDefaults($.datepicker.regional[""]);

      $("#<%= txtSalesFormDate.ClientID %>").datepicker($.datepicker.regional["en-GB"]);
      $("#<%= txtSalesFormDate.ClientID %>").datepicker({
         showmonth: true,
         autoSize: true,
         showAnim: 'slideDown',
         duration: 'fast'
      });
      $("#btnShowSalesFormDate").click(function () {
         $("#<%= txtSalesFormDate.ClientID %>").datepicker('show');
      });


      $("#<%= txtSalesFormManagerPrice.ClientID %>").change(function () {
         UpdateTotal();
      });

      $("#<%= txtSalesFormProcessingFee.ClientID %>").change(function () {
         UpdateTotal();
      });
      

      SalesFormMarriedClick();
      SalesFormSingleGenderClick();
      SalesFormSingleOwnTimeshareClick();
      SalesFormMajorCreditCardClick();
      SalesFormOwnTimeshareClick();
      UpdateTotal();
   });

   function UpdateTotal() {
      var packagePrice = parseInt($("#<%= txtSalesFormManagerPrice.ClientID %>").val());
      var processingFee = parseInt($("#<%= txtSalesFormProcessingFee.ClientID %>").val());

      if (packagePrice != NaN && processingFee != NaN) {
         $("#<%= txtSalesFormTotal.ClientID %>").val(packagePrice + processingFee);
      }
   }

   function SalesFormMarriedClick() {
      if ($('#<%= rbSalesFormMarried.ClientID %>').prop('checked')) {
         $('#pnlSalesFormCoHab').hide();
         $('#pnlSalesFormSingle').hide();
      }
      else if ($('#<%= rbSalesFormCoHab.ClientID %>').prop('checked')) {
         $('#pnlSalesFormCoHab').show();
         $('#pnlSalesFormSingle').hide();
      }
      else if ($('#<%= rbSalesFormSingle.ClientID %>').prop('checked')) {
         $('#pnlSalesFormCoHab').hide();
         $('#pnlSalesFormSingle').show();
      }
   }

   function SalesFormSingleGenderClick() {
      if ($('#<%= ddlSalesFormSingleGender.ClientID %>').val() == "M") {
         $('#pnlSalesFormSingleGender').show();
      }
      else {
         $('#pnlSalesFormSingleGender').hide();
      }
   }

   function SalesFormSingleOwnTimeshareClick() {
      if ($('#<%= ddlSalesFormSingleOwnTimeshare.ClientID %>').val() == "1") {
         $('#pnlSalesFormSingleOwnTimeShare').show();
      }
      else {
         $('#pnlSalesFormSingleOwnTimeShare').hide();
      }
   }

   function SalesFormMajorCreditCardClick() {
      if ($('#<%= ddlSalesFormMajorCreditCard.ClientID %>').val() == "1") {
         $('#pnlSalesFormMajorCreditCard').show();
      }
      else {
         $('#pnlSalesFormMajorCreditCard').hide();
      }
   }

   function SalesFormOwnTimeshareClick() {
      if ($('#<%= rbSalesFormOwnTimeshare.ClientID %>').prop('checked')) {
         $('#pnlSalesFormOwnTimeshare').show();
      }
      else {
         $('#pnlSalesFormOwnTimeshare').hide();
      }
   }

</script>
